<link rel="stylesheet" type="text/css" href="css/form.css"/>
<link rel="stylesheet" type="text/css" href="<?php echo INC;?>buttons/style.css"/>
<link rel="stylesheet" type="text/css" href="<?php echo INC;?>buttons/buttonPro.css"/>
<script type="text/javascript">
    $(document).ready(function()
    {
        $("#nguoidung_dangky").submit(function()
    	{
    	    var TenDangNhap = $('#TenDangNhap').val();
            var Email = $('#Email').val();
            var XacNhanEmail = $('#XacNhanEmail').val();
            var MatKhau = $('#MatKhau').val();
            var XacNhanMatKhau = $('#XacNhanMatKhau').val();
            var HoTen = $('#HoTen').val();
            var CongTy = $('#CongTy').val();
            var SoDienThoai = $('#SoDienThoai').val();
            var DiaChi = $('#DiaChi').val();
            var TinhThanhPho = $('#TinhThanhPho').val();
            
            if(TenDangNhap == ""){
                dialog_warning_focus("Chưa nhập tên đăng nhập!!!", 'TenDangNhap');
                return false;
            }
    	    //Email
    	    if(Email == ""){
    	        dialog_warning_focus("Chưa nhập email!!!", 'Email');
                return false;
            }
            if(Email != "")
    		{
                reEmail=/^(([a-zA-Z0-9])+\.?)*([a-zA-Z0-9])+@(([a-zA-Z0-9])+\.)+[a-zA-Z]{2,4}$/;
                if(!reEmail.test(Email))
                {
                    dialog_warning_focus("Email không hợp lệ!!!", 'Email');
                    return false;
                }
    		}
            
            if(XacNhanEmail == ""){
    	        dialog_warning_focus("Chưa nhập email!!!", 'XacNhanEmail');
                return false;
            }
            if(XacNhanEmail != Email)
    		{
                dialog_warning_focus("Email xác nhận không đúng!!!", 'XacNhanEmail');
                return false;
    		}
            
            //Mat khau
            if(MatKhau == ""){
                dialog_warning_focus("Chưa nhập mật khẩu!!!", 'MatKhau');
                return false;
            }
            
            //Xác nhận mật khẩu
            if(XacNhanMatKhau == ""){
                dialog_warning_focus("Chưa nhập mật khẩu xác nhận!!!", 'XacNhanMatKhau');
                return false;
            }
            
            //Kiểm tra mật khẩu
            if(XacNhanMatKhau != MatKhau){
                dialog_warning_focus("Mật khẩu xác nhận và mật khẩu chưa đúng!!!", 'XacNhanMatKhau');
                return false;
            }
            
            //Họ tên
            if(HoTen == ""){
                dialog_warning_focus("Chưa nhập họ tên!!!", 'HoTen');
                return false;
            }
            
            //Số điện thoại
            if(SoDienThoai == ""){
                dialog_warning_focus("Chưa nhập số điện thoại!!!", 'SoDienThoai');
                return false;
            }
            if(SoDienThoai != "")
    		{
                reSoDienThoai=/^[0][1-9][0-9]{8,9}$/;
                if(!reSoDienThoai.test(SoDienThoai))
                {
                    dialog_warning_focus("Số điện thoại không hợp lệ!!!", 'SoDienThoai');
                    return false;
                }
    		}
            
            //Địa chỉ
            if(DiaChi == ""){
                dialog_warning_focus("Chưa nhập địa chỉ!!!", 'DiaChi');
                return false;
            }
            
            var form_data = {'TenDangNhap': TenDangNhap, 'Email': Email, 'MatKhau': MatKhau, 'HoTen': HoTen, 'CongTy': CongTy, 'SoDienThoai': SoDienThoai, 'DiaChi': DiaChi, 'TinhThanhPho': TinhThanhPho};
            
            $.ajax({
                type: "POST",        
                url: "includes/dangky_thongbao_ajax.php",
                data: form_data,            
                success: function(html){
                    switch(html)
                    {
                        case 'not':
                          dialog_error_focus('<strong>Tên đăng nhập phải viết liền không dấu!</strong>', 'TenDangNhap');
                          break;
                        case 'isset':
                          dialog_error_focus('<strong>Tên đăng nhập đã tồn tại!</strong>', 'TenDangNhap');
                          break;
                        case 'yes':
                          dialog_information('<strong>Đăng ký thành công!</strong>');
                          break;
                        case 'no':
                          dialog_error('<strong>Lỗi: Vui lòng kiểm tra lại!</strong>');
                          break;
                        default:
                          dialog_error(html);
                    }
                }
            });
            
            return false;
            
            //Captcha
            /*if($('#captcha').val() == ""){
                alert("Chưa nhập mã xác nhận!!!");
                $('#captcha').removeClass().addClass('error').fadeIn(2000);
                $('#captcha').focus();
                return false;
            }
            else
            {
                  $.post("includes/captcha/check_captcha.php",{ code:$('#captcha').val(),rand:Math.random() } ,function(data)
                  {
                      //alert(data);
             		  if(data=='yes')    
              		  {
              		      $("#captcha").removeClass().fadeIn(2000);
                          returnTrue();
              		  }
              		  else 
              		  {
              		        alert("Mã xác nhận chưa đúng!");
                            $("#captcha").removeClass().addClass('error').fadeIn(2000);
                            $("#captcha").focus();		
                      }
                  });                
                  //return false;
            }*/
    	});
        
        $('#Email').powerTip({placement: 'ne', smartPlacement: true});
        $('#MatKhau').powerTip({placement: 'ne', smartPlacement: true});
        $('#XacNhanMatKhau').powerTip({placement: 'ne', smartPlacement: true});
        $('#HoTen').powerTip({placement: 'ne', smartPlacement: true});
        $('#SoDienThoai').powerTip({placement: 'ne', smartPlacement: true});
        $('#DiaChi').powerTip({placement: 'ne', smartPlacement: true});
        $('#captcha').powerTip({placement: 'ne', smartPlacement: true});
        
        $("select, input").not(".notuniform").uniform();
        $('img#refresh').click(function() {  
			
			change_captcha();
    	 }); 
    });
    function change_captcha()
    {
	 	document.getElementById('catpcha_img').src="<?php echo INC; ?>captcha/captcha.php?rnd=" + Math.random();
	}
</script>
<div class="navigation_title">
    <?php
        include "position.php";
    ?>
</div>
<div class="navigation_body">
    <form action="index.php?root=mes&cont=dangky_thongbao" method="POST" class="form" id="nguoidung_dangky">
        <h1>Điền thông tin đăng ký</h1>
        <fieldset>
            <legend>Thông tin tài khoản</legend>
            <p class="fieldset">
                <label>Tên đăng nhập <span class="require">*</span>
                </label>
                <input type="text" name="TenDangNhap" id="TenDangNhap" title="Nhập tên đăng nhập" class="long"/>
            </p>
            <p class="fieldset">
                <label>Email <span class="require">*</span>
                </label>
                <input type="text" name="Email" id="Email" title="Nhập địa chỉ email" class="long"/>
            </p>
            <p class="fieldset">
                <label>Xác nhận email <span class="require">*</span>
                </label>
                <input type="text" name="XacNhanEmail" id="XacNhanEmail" title="Nhập địa chỉ email xác nhận" class="long"/>
            </p>
            <p class="fieldset">
                <label>Mật khẩu <span class="require">*</span></label>
                <input type="password" name="MatKhau" id="MatKhau" title="Nhập mật khẩu" class="long"/>
            </p>
            <p class="fieldset">
                <label>Xác nhận mật khẩu <span class="require">*</span></label>
                <input type="password" name="XacNhanMatKhau" id="XacNhanMatKhau" title="Nhập mật khẩu xác nhận" class="long"/>
            </p>
        </fieldset>
        
        <fieldset class="row1">    
            <legend>Thông tin cá nhân</legend>
            <p class="fieldset">
                <label>Họ tên <span class="require">*</span>
                </label>
                <input type="text" name="HoTen" id="HoTen" title="Nhập họ tên" class="long"/>
            </p>
            <p class="fieldset">
                <label>Công ty &nbsp;</label>
                <input type="text" name="CongTy" id="CongTy" title="Nhập tên công ty" class="long"/>
            </p>
            <p class="fieldset">
                <label>Số điện thoại <span class="require">*</span></label>
                <input type="text" name="SoDienThoai" id="SoDienThoai" title="Nhập số điện thoại" class="long"/>
            </p>
            <p class="fieldset">
                <label>Địa chỉ <span class="require">*</span></label>
                <input type="text" name="DiaChi" id="DiaChi" title="Nhập địa chỉ" class="long"/>
            </p>
            <p class="fieldset">
                <label>Tỉnh/Thành phố <span class="require">*</span></label>
                <select name="TinhThanhPho" id="TinhThanhPho">
        			<?php
        				$tinhthanhpho = new tinhthanhphobs();
        				$ret_tinhthanhpho = $tinhthanhpho->getList();
        				
        				for($i = 0; $i < ($ret_tinhthanhpho != false ? count($ret_tinhthanhpho) : 0); $i++)
        				{
        					echo "<option value=\"{$ret_tinhthanhpho[$i]['MaTinhTP']}\">{$ret_tinhthanhpho[$i]['TenTinhTP']}</option>";
        				}
        			?>
    			</select>
            </p>
            <!--<p class="fieldset">
                <label>Mã xác nhận &nbsp;</label>
                <img src="<?php echo INC; ?>captcha/captcha.php" id="catpcha_img"/>
                <img style="cursor: pointer; margin-left: 10px;" src="<?php echo INC; ?>captcha/refresh.png" width="25" alt="" id="refresh" />
            </p>
            <p class="fieldset">
                <label>Ký tự hiển thị <span class="require">*</span></label>
                <input type="text" name="captcha" id="captcha" maxlength="6" title="Nhập mã xác nhận" size="6"/>
                <span id="test"></span>
            </p>-->
        </fieldset>
        <div style="clear: both;"></div>
        <div style="clear: both; width: 300px; margin: 0px auto; text-align: center; margin-top: 20px; position: relative;">
            <button type="submit" id="submit" class="buttonPro blue" >Tạo tài khoản</button>
        </div>
    </form>
</div>
<div class="navigation_footer" style="clear: both;">
    &nbsp;
</div>